<!DOCTYPE html>
<html>
	<!-- 个人中心 -->
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<link rel="stylesheet" type="text/css" href="../../static/public/css/personal.css" />
		<script src="../../static/public/js/jquery.min.js"></script>
		<script>
			$(function() {
				var username = $('.username').text();
				$('.edit').click(function(event){
					$('input[name="edit-username"]').val(username);
					$('input[name="edit-username"]').show();
					$('.username').hide();
				});
				$('.ava').click(function(event){
					if(event.target==this){
						$('input[name="edit-username"]').hide();
						$('.username').html(username);
						$(this).attr('data-edit',0)
						$('.username').show();
					}
				});
				$('input[name="edit-username"]').bind('input porpertychange',function(){
					username = $(this).val();
				});
			})
		</script>
	</head>
	<body>
		<div class="personal">
			<div class="top">
				<div class="ava">
					<img src="../../static/images/gun1.jpg" class="personalava" />
					<div class="nameedit">
						<div class="username" id="noedit">用户名</div>
						<input name="edit-username" type="text" value="" id="edit" style="display: none;"/>
						<img src="../../static/images/personal/editimg.png" class="edit">
					</div>
				</div>
			</div>
			<div class="midd">
				<div class="midpadd" style="border-right: 0.1px solid #eeeeee;">
					<div class="cishu">
						<div class="num">6</div>
						<div class="numdanwei">次</div>
					</div>
					<div class="tit">我的店铺带看</div>
				</div>

				<div class="midpadd">
					<div class="cishu">
						<div class="num">12</div>
						<div class="numdanwei">家</div>
						<div class="notice">有更新</div>
					</div>
					<div class="tit">我的关注</div>
				</div>
			</div>

			<div class="list" style="margin-top: 15.5vw;">
				<div class="right">
					<img src="../../static/images/personal/dianpu@3x.png" class="icon" style="height: 4.5vw;"/>
					<div>我的店铺</div>
				</div>
				<img src="../../static/images/personal/gengduo@3x.png" class="arro" />
			</div>
			<div class="list" >
				<div class="right">
					<img src="../../static/images/personal/ai@3x.png" class="icon" />
					<div>匹配记录</div>
				</div>
				<img src="../../static/images/personal/gengduo@3x.png" class="arro" />
			</div>
			<div class="list">
				<div class="right">
					<img src="../../static/images/personal/pingzheng@3x.png" class="icon" style="width: 4.5vw;height: 5.3vw;"/>
					<div>上传凭证</div>
				</div>
				<img src="../../static/images/personal/gengduo@3x.png" class="arro" />
			</div>
			<div class="list">
				<div class="right">
					<img src="../../static/images/personal/fabu@3x.png" class="icon" />
					<div>我的发布</div>
				</div>
				<img src="../../static/images/personal/gengduo@3x.png" class="arro" />
			</div>
			<div class="list">
				<div class="right">
					<img src="../../static/images/personal/yuyue.png" class="icon" />
					<div>我的预约</div>
				</div>
				<img src="../../static/images/personal/gengduo@3x.png" class="arro" />
			</div>
			
			<div class="list" style="margin-top: 4vw;">
				<div class="right">
					<img src="../../static/images/personal/tuishou@3x.png" class="icon" style="width: 4.9vw;"/>
					<div>我的推手</div>
				</div>
				<div class="right">
					<div class="denglufont">去登陆</div>
					<img src="../../static/images/personal/gengduo@3x.png" class="arro" />
				</div>
			</div>	
			<div class="list">
				<div class="right">
					<img src="../../static/images/personal/yewu@3x.png" class="icon" style="width: 4.9vw;"/>
					<div>我是业务员</div>
				</div>
				<div class="right">
					<div class="denglufont">去登陆</div>
					<img src="../../static/images/personal/gengduo@3x.png" class="arro" />
				</div>
				
			</div>
		</div>
	</body>
</html>
